<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>活动页</title>
    </head>

    <body>
        
        <div class="activity_parent">
            
            <!-- 扭蛋机 模块-->
            <section class="activity_child_part activity_egg_machine">
                
                <!-- 所有蛋 -->
                <div class="egg_machine"></div>

                <!-- 一堆蛋 -->
                <div class="egg_stack"></div>

                <!-- 阴影 -->
                <div class="egg_stack_shadow"></div>

                <!-- 点击抽奖按钮 -->
                <button class="get_egg_btn"></button>

                <!-- 出蛋洞口 -->
                <div class="egg_cave">
                    
                    <div class="s_egg_item"></div>
                </div>

            </section>

            <!-- 我的奖品 模块-->
            <section class="activity_child_part activity_my_reward">

                <div class="lucky_nums">
                    <div class="lucky_num"></div>
                </div>
                
                <div class="buy_lesson">
                    <button class="buy_lesson_btn"></button>
                    <span class="buy_lesson_arrow"></span>
                </div>
                
                <div class="reward_part">
                    <div class="reward_part_header"></div>
                    
                    <div class="reward_title"></div>

                    <div class="reward_iconbox"></div>

                    <div class="reward_content">
                        <ul class="reward_list"></ul>
                    </div>

                    <div class="reward_btn get_reward_btn"></div>

                    <div class="reward_part_footer"></div>

                </div>
            
            </section>

            <!-- 活动规则 模块-->
            <section class="activity_child_part activity_rules">
                
                <div class="activity_rules_content">
                    
                    <div class="activity_rules_header"></div>
                    <div class="activity_rules_title"></div>

                    <div class="activity_rules_list">
                        <div class="activity_rules_item">
                            <div class="activity_rules_num one"></div>
                            <div class="activity_rules_text">
                                已购买暑假或者秋季系统班课的用户，完成后买后可以马上参与抽奖，中奖率100%。
                            </div>
                        </div>
                        <div class="activity_rules_item">
                            <div class="activity_rules_num two"></div>
                            <div class="activity_rules_text">
                                抽奖次数由订单数决定，暑假联保算两个订单。
                            </div>
                        </div>
                        <div class="activity_rules_item">
                            <div class="activity_rules_num third"></div>
                            <div class="activity_rules_text">
                                如有退款，则对应的抽奖机会和奖品一律无效。
                            </div>
                        </div>
                        <div class="activity_rules_item">
                            <div class="activity_rules_num forth"></div>
                            <div class="activity_rules_text">
                                所有奖品将在4月15日，统一开始发货。
                            </div>
                        </div>
                    </div>

                    <div class="activity_rules_footer"></div>
                </div>

            </section>

            <!-- 中奖信息轮播 -->
            <aside class="reward_info swiper-container swiper-no-swiping">
                <div class="reward_info_list swiper-wrapper">
                    <div class="reward_info_item swiper-slide">
                        <div class="reward_info_avatar"></div>
                        <div class="reward_info_text">恭喜 神仙朱 获得小黄人24色水彩笔套装水彩笔套装水彩笔套装</div>
                    </div>
                    <div class="reward_info_item swiper-slide">
                        <div class="reward_info_avatar"></div>
                        <div class="reward_info_text">恭喜 神仙朱 获得小黄人24色水彩笔套装水彩笔套装水彩笔套装</div>
                    </div>
                    <div class="reward_info_item swiper-slide">
                        <div class="reward_info_avatar"></div>
                        <div class="reward_info_text">恭喜 神仙朱 获得小黄人24色水彩笔套装水彩笔套装水彩笔套装</div>
                    </div>
                </div>

            </aside>

            <!-- 中奖信息弹窗 -->
            <div class="reward_modal">

                <div class="modal_shadow"></div>
                
                <button class="egg_item_info_close"></button>
                
                <div class="bling_left">
                    <div class="bbling bbling_bluehole"></div>
                    <div class="bbling bbling_sstar"></div>
                    <div class="bbling bbling_bstar"></div>
                    <div class="bbling bbling_syellowhole"></div>
                    <div class="bbling bbling_semptyhole"></div>
                </div>

                <div class="bling_right">
                    <div class="bbling bbling_bstar"></div>
                    <div class="bbling bbling_redhole"></div>
                    <div class="bbling bbling_bemptyhole"></div>
                    <div class="bbling bbling_sstar"></div>
                    <div class="bbling bbling_byellowhole"></div>
                </div>

                <div class="reward_modal_content">
                    
                    <div class="egg_item_animate">
                        <div class="b_egg_item top_item egg_item_animate_top"></div>
                        <div class="b_egg_item mid_item egg_item_animate_mid"></div>
                        
                        <div class="transparent_box">
                        
                            <div class="egg_item_info egg_item_info_paper egg_item_animate_paper">
                                <div class="egg_item_reward_type">
                                    鱼饼888个鱼饼888个鱼饼888个鱼饼888个鱼饼888个鱼饼888个
                                </div>
                                <div class="egg_item_reward_tip">
                                    好好学习好好学习好好学习好好学习好好学习好好学习好好学习好好学习
                                </div>
                            </div>
                        </div>
                        <div class="b_egg_item bottom_item egg_item_animate_bottom"></div>
                    </div>

                    <button class="get_reward_btn"></button>
                
                </div>

            </div>

            <!-- 提示窗口 -->
            <div class="toast">
                <div class="toast_content"></div>
            </div>


        </div>

    </body>

</html>